body {
    height:100%;
    margin:0;
    padding:0;
    font-family:arial, helvetica, sans-serif;
}

form {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

input {
    margin: 0px;
    padding: 0px;
    font-family:arial, helvetica, sans-serif;
    font-size:11pt;
}

input.cloche {
    text-align: right;
}

input.submit {
    font-size: 7pt;
    margin: 0px;
    padding: 0px;
}

input.button {
    cursor:pointer;
}

button {
    cursor:pointer;
}

.bouton_menu {
    width: 240px;
    height: 67px;
}

.styled {
    border: 0;
    padding: 5px 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: #457d96;
    background-image: linear-gradient(to top left,
        rgba(0, 0, 0, .2),
        rgba(0, 0, 0, .2) 30%,
        rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
        inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.styled:hover {
    background-color: #006466;
}

.styled:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
        inset 2px 2px 3px rgba(0, 0, 0, .6);
}

td {
    font-size: 9pt;
}

th {
    color:#000000;
    background-color: #00aadb;
    font-family:arial, helvetica, sans-serif;
    font-size:10pt;
}

a {
    text-decoration: none;
    font-family:arial, helvetica, sans-serif;
}

a.bouton{
    background:url(../images/button2.gif);
    display:block;
    color:#555555;
    font-weight:bold;
    height:30px;
    line-height:29px;
    text-decoration:none;
    width:191px;
}

a.rapport{
    background:url(../images/button2.gif);
    display:block;
    color:#555555;
    font-weight:bold;
    height:30px;
    line-height:35px;
    text-decoration:none;
    width:500px;
}

a.tri :link{
    color:#ffffff;
}

a.tri :hover{
    color:#ffffff;
}
a.tri :visited{
    color:#ffffff;
}
a.tri :active{
    color:#ffffff;
}

a.page :link {
    text-decoration: none;
    color:#000000;
    width:30px;
}

a.page :hover {
    text-decoration: none;
    background: #387580;
    width:30px;
}

a.page :visited {
    text-decoration: none;
    background: #387580;
    width:30px;
}

a.lien{
    text-decoration:none;
    color:#387580;
}

a.mailto{
    text-decoration:none;
    color:#9f3ed5;
}

.lien_tri {
    font-family:arial, helvetica, sans-serif;
    font-size:9pt;
    color:#ffffff;
    background-color:#00aadb;
    text-align:left;
}

#surbrillance tr {
    background-color: #b3ebf5;
}

#surbrillance tr:hover {
    background-color: #bbbbbb;
}

#tagupdate {
    position: absolute;
    visibility: hidden;
    width: 600px;
    left: 20px;
    background-color: #ccc;
    border: 1px solid #000;
}

#tagupdate2 {
    visibility: visible;
}

#tagupdate3 {
    visibility: visible;
}

#tagupdate4 {
    position: absolute;
    visibility: hidden;
    width: 600px;
    left: 20px;
    background-color: #ccc;
    border: 1px solid #000;
}

#table {
    background-color: #ccc;
}

#close {
    float: right;
}

#red {
    background-color:  #ff0000;
}

.titremodule {
    margin-left:2%;
    color:#ffffff;
    font-size:18pt;
    font-family:arial, helvetica, sans-serif;
    float:left;
    width:45%;
    background-color:#006466;
}

.horloge {
    margin-right:2%;
    color:#ffffff;
    font-family:arial, helvetica, sans-serif;
    float:left;
    width:45%;
    background-color:#006466;
    text-align:right;
    padding-top:5px;
    font-size:10pt;
}

.horloge2 {
    color:#ffffff;
    background-color:#006466;
    font-family:arial, helvetica, sans-serif;
    font-size:10pt;
    border:0px;
    width:44px;
}

.positif {
    text-align: center;
    font-style: normal;
    color:#000000;
}

.negatif{
    text-align:  center;
    font-weight: 700;
    font-style: normal;
    color:#ff0000;
}

.Style0 {
    text-align:  justify;
    font-weight: 700;
    font-size: 15pt;
    font-family:arial, helvetica, sans-serif;
    font-style: normal;
}

input.modifier {
    background:url(../images/icones/icones_20.png) no-repeat;
    cursor:pointer;
    color:transparent;
    width:24px;
    height:24px;
    border:0;
    cursor:pointer;
    overflow:hidden;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 50;
}

input.supprimer {
    background:url(../images/icones/icones_33.png) no-repeat;
    cursor:pointer;
    color:transparent;
    width:24px;
    height:24px;
    border:0;
    cursor:pointer;
    overflow:hidden;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 50;
}

.user{
    background:url(../images/icones/icones_31.png) no-repeat;
    text-indent:30px;
    display:table-cell;
}

.pdf{
    background:url(../images/pdficon_small.gif) no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

#voirsolde {
    position: absolute;
    width: 195px;
    background-color: #ccc;
    border: 1px solid #000;
}
#vsolde {
    width: 195px;
}

#rechercheEmploye {
    position: absolute;
    visibility: hidden;
    width: 600px;
    left: 20px;
    background-color: #ccc;
    border: 1px solid #000;
}

#message {
    color: #cc0000;
    background-color: #ccc;
}

/* Boîte de recherche */
#zonerecherche {
    font-size: 16px;
    width: 220px;
}

#zoneresultats {
    background: #bb44ff;
    display: block;
    overflow: auto;
    position: absolute;
    width: 280px;
    z-index: 99;
}

#zoneresultats a {
    color: #FFFFFF;
    display: block;
    padding: 5px 5px 5px 15px;
    text-decoration: none;
    text-align:left;
    cursor:pointer;
}

#zoneresultats a .highlight {
    color: #0000ff;
}

#zoneresultats a:hover {
    color: #333333;
    background-color: #CCCCFF;
}

#zoneresultats a:hover span{
    color: #333333;
    background-color: #fffe51;
}

#zonerecherche2 {
    font-size: 16px;
    width: 280px;
}

#zoneresultats2 {
    background: #bb44ff;
    display: block;
    overflow: auto;
    position: absolute;
    width: 280px;
    z-index: 99;
}

#zoneresultats2 a {
    color: #FFFFFF;
    display: block;
    padding: 5px 5px 5px 15px;
    text-decoration: none;
    text-align:left;
    cursor:pointer;
}

#zoneresultats2 a .highlight {
    color: #0000ff;
}

#zoneresultats2 a:hover {
    color: #333333;
    background-color: #CCCCFF;
}

#zoneresultats2 a:hover span{
    color: #333333;
    background-color: #fffe51;
}

#voirsolde {
    display: block;
    overflow: auto;
    position: absolute;
    z-index: 99;
}

#loupe {
    position:relative;
    top:10px;
}

.hiddenInViewSource {
    width:1200px;
    margin:auto;
    vertical-align:middle;
    background-color:#006466;
    margin-top:5px;
    text-align:center;
}

/* Boîte avec ombre pour le titre*/
.ombre2 {
    margin:0;
    border:2px solid #a1a1a1;
    padding:20px;
    color:#ffffff;
    font-weight:900;
    background:#00aadb;
    width:446px;
    border-radius:5px;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    box-shadow:10px 10px 5px #888888;
    -webkit-box-shadow: 10px 10px 5px #888888; /* Safari */
    font-size:24pt;
    font-family:arial, helvetica, sans-serif;
    text-align:center;
    float:right;
    position:relative;
    left:-10px;
}

#fenetremodale {
    background-color: #f2f6f7;
    font-family:arial, helvetica, sans-serif;
    font-size:11pt;
    line-height:25px;
    height:80px;
}

#fenetremodale input {
    font-family:arial, helvetica, sans-serif;
    font-size:11pt;
    line-height:25px;
}

#fenetremodale td {
    text-align:left;
}

.calendrier {
    border:0px;
    background:url(../images/calendar.gif) 16px 15px;
}

.fermer {
    border:1px solid #000000;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
}

td.liberationsdetail {
    border:1px solid #cfcfcf;
    overflow:hidden;
    white-space:nowrap;
}

th.liberationsdetail {
    font-family:arial, helvetica, sans-serif;
    font-size:9pt;
    background-color:#00aadb;
    text-align:left;
}

.detail_liste {
    border:1px solid #cfcfcf;
    font-size:9pt;
    margin-left:5px;
    margin-right:5px;
    padding-right:10px;
    overflow-x:hidden;
    white-space:nowrap;
}

div.depasselargeur {
    text-decoration:none;
    overflow-x:hidden;
    word-wrap:break-word;
    white-space:nowrap;
}

.pagination{
    font-family:arial, helvetica, sans-serif;
    font-size:11pt;
}

.center {
    padding-top:50px;
    margin: auto;
    width: 573px;
}

.hors-service{
    height:40px;
    text-align: center;
}

.profil {
    float:right;
    margin-right:20px;
}

.droits {
    clear:both;
    float:right;
    margin-right:20px;
}

.espace_icone_menu {
    padding-left:15px;
}

.img_center {
    vertical-align: top;
    padding:0;
    padding-top:10px;
    text-align: center;
}

/* Define the default color for all the table rows */
.hoverTable tr{
    background: #f2f6f7;
}
/* Define the hover highlight color for the table row */
.hoverTable tr:hover {
    background-color: #b3ebf5;
}